<template>
	<view class="content">
		<!-- <image class="logo" src="/static/logo.png"></image> -->
		<view class="text-area">
			<text class="title">{{title}}</text>
		</view>
		<mall-header></mall-header>
		<navigator url="/pages/mall-brother/mall-brother?name=lisi&age=20" open-type="reLaunch" style="color: blue;">去兄页面(登录)</navigator>
		<navigator url="/pages/mall-father/mall-father" open-type="reLaunch" style="color: blue;">去父页面</navigator>
		<button @click="showActionSheet">下方弹出选择框</button>
		<button @click="stopPullDownRefresh">停止下拉刷新</button>
		<mall-footer></mall-footer>
	</view>
</template>

<script setup>
	import {ref} from "vue"
	const userInfo = ref([{name: "zhangsan", avatar: "../../static/logo.png"}])
	// export default {
	// 	data() {
	// 		return {
	// 			title: 'Hello'
	// 		}
	// 	},
	// 	onLoad() {

	// 	},
	// 	methods: {

	// 	}
	// // }
	
	// uni.showToast({ //显示弹窗(无确认)
	// 	title: '弹窗不用确定标题',
	// 	icon: 'loading', //success,error,none,loading
	// 	// image: '../../static/logo.png', //图标
	// 	mask: true, //弹窗显示时不允许操作,弹窗消失后才能后续操作
	// 	duration: 3000, //3秒,默认1.5秒
	// 	success: res => { //弹窗成功
	// 		console.log(res)
	// 	}
	// })
	// uni.hideToast() //隐藏弹窗
	// uni.showLoading({ //显示加载中
	// 	title: '加载中。。。',
	// 	mask: true, //弹窗显示时不允许操作,弹窗消失后才能后续操作
	// })
	// uni.hideLoading() //隐藏加载中
	
	// uni.showModal({ //显示弹窗(有确认)
	// 	title: '是否确认删除',
	// 	// content: '删除后不能恢复',
	// 	// showCancel: false, //不显示取消
	// 	cancelText: 'No' ,//将取消改为No
	// 	cancelColor: '#999', //取消颜色
	// 	confirmText: 'Yes', //将确定改成Yes
	// 	confirmColor: 'red', //确定颜色
	// 	editable: true, //输入校验码
	// 	placeholderText: '请输入校验码',
	// 	success: res => {
	// 		if(res.confirm && res.content == 123456) uni.showToast({
	// 			title: '删除成功'
	// 		})
	// 	}
	// })
	
	let arrs = ['高中', '大学', '研究生', '公务员']
	function showActionSheet() { //下方弹出选择框
		uni.showActionSheet({
			title: '请选择',
			itemList: arrs,
			itemColor: '#fc3', //每项字体颜色
			success: res => {
				console.log(arrs[res.tapIndex])
			}
		})
	}
	
	uni.setNavigationBarTitle({ //顶部设置动态标题
		title: '动态标题'
	})
	uni.setNavigationBarColor({ //顶部设置动态颜色
		frontColor: '#ffffff', //仅'#ffffff','#000000'
		backgroundColor: '#4cd964'
	})
	uni.showNavigationBarLoading() //显示顶部加载中
	uni.hideNavigationBarLoading() //隐藏顶部加载中
	// uni.hideHomeButton() //隐藏左上角小房子返回按钮(必须小程序非tabBar页)
	
	uni.startPullDownRefresh() //开启下拉刷新方式2
	function stopPullDownRefresh() { //停止下拉刷新
		uni.stopPullDownRefresh()
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
